<template>
   <ul>
      <li>
        <img src="my/new_blackVip.png" alt="">
        <p>黑卡会员</p>
      </li>
      <li>
      <img src="/my/1.gif" alt=""> 
     <span>2022-10-05前消费1335元保级/7335元升级</span>
      </li>
    </ul>
</template>

<script>
export default {

}
</script>

<style scoped>
ul{
  width: 95%;
  height: 1rem;
  margin-left:2%;
  background-color: white;
  border: 1px solid gainsboro;
  border-radius: 0.1rem;
  position: absolute;
  top: 2.2rem;
}
li:first-child{
  width: 20%;
}
li:last-child{
   width: 74%;
}
 li:first-child img{
    width: 0.5rem;
  height: 0.3rem;
    margin-top: 0.2rem;
}
 li:last-child img{
    width: 90%;
  height: 0.3rem;
    margin-top: 0.2rem;
}
li{
  height:1rem;
  float: left;
  margin-left: 0.1rem;
}
li span{
  color: gray;
}
ul div{
  display: inline-block;
}
</style>